<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="utf-8">

    <link rel="icon" href="picture/12.jpg" />
    <title>叙利亚暴徒组</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
    <header class="site-header container animated fadeInDown">
        <div class="header-wrapper"></div>
    </header>
    <div id="menu-container">
        <div id="menu-1" class="homepage home-section container">
            <div class="home-intro text-center">
                <h1 class="welcome-title animated fadeInLeft">叙利亚暴徒设计组

                </h1>
                <p class="animated fadeInRight">一支超前的设计团队<br />Hi,Three is BaoTu Design Team A leading design team</p>

            </div>
            <div style="border-bottom: 2px solid #0449d3;"></div>
            <br /><br />
            <div class="home-projects">
                <div class="row">
                    <div class="col-md-6 col-sm-12">
                        <div class="project-title animated fadeInUp">
                            <h3>介绍</h3>
                            <p>About Us</p>
                            <p>BaoTu团队，一支设计超前 切实满足客户需求的团队<br>团队主要经营交互设计丶版式设计丶HTML前段开发<br>插画等设计相关业余，能充分满足客户的设计需求<br><br><br>BaoTu团队 让设计更加精致。

                            </p>
                            <a href="#" class="pink-button">继续了解</a>
                        </div>
                    </div>
                    <div class="project-home-holder col-md-6 col-sm-12">
                        <div class="row">
                            <div class="col-md-6 col-sm-6">
                                <div class="project-item one animated fadeInRight">
                                    <img src="picture/8.png" alt="">
                                    <div class="overlay">
                                        <h4><a href="http://lv-dongmei.gitee.io/personal-website/" class="tooltip-test" data-toggle="tooltip">吕冬梅<br>团队职务：设计师<br>HTML前端开发<br>版式设计等</a></h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="project-item two animated fadeInRight">
                                    <img src="picture/9.png" alt="">
                                    <div class="overlay">
                                        <h4><a href="http://tang-fuyi.gitee.io" class="tooltip-test" data-toggle="tooltip">汤福懿<br>团队职务：设计师兼团队队长<br>项目初始平面图制作<br>项目审查等</a></h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="project-item three animated fadeInRight">
                                    <img src="picture/10.png" alt="">
                                    <div class="overlay">
                                        <h4><a href="http://zhong-shangjie.gitee.io/final-operation" class="tooltip-test" data-toggle="tooltip">钟尚杰<br>团队职务：设计师<br>项目草图制作<br>资料收集等</a></h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="project-item four animated fadeInRight">
                                    <img src="picture/11.png" alt="">
                                    <div class="overlay">
                                        <h4><a href="http://zxly9468.gitee.io/zhou-chuanyong/" class="tooltip-test" data-toggle="tooltip">周传勇<br>团队职务：设计师<br>版式设计<br>插画等</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="border-bottom: 2px solid #46494f;"></div>
            <div class="projects-header">
                <h2 class="animated fadeInRight">我们团队作品</h2>
                <h3 class="animated fadeInRight">My team works</h3><br /><br />
                <p class="animated fadeInLeft"></p>
            </div>
            <div class="projects-holder">
                <div class="row">
                    <div class="col-md-4 col-sm-6 p-1 animated umScaleIn">
                        <div class="project-item">
                            <img src="picture/1.jpg">
                            <div class="overlay">
                                <h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="我还是想再等一等">每一幅作品都是我认真付出的作品，没有一丝懈怠</a></h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 p-2 animated umScaleIn">
                        <div class="project-item">
                            <img src="picture/2.jpg">
                            <div class="overlay">
                                <h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="等一个不可能的可能">对待每一张作品都像自己的恋人，小心翼翼，看到大家肯定的眼光，也一直勇往前进</a></h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 p-3 animated umScaleIn">
                        <div class="project-item">
                            <img src="picture/3.jpg">
                            <div class="overlay">
                                <h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="你会爱我 在61分 在25小时 在星期八 在13月">喜欢一切有美感的设计，每一幅都悉心付出</a></h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 col-sm-6 p-4 animated umScaleIn">
                        <div class="project-item animated umScaleIn">
                            <img src="picture/4.jpg" height="400px">
                            <div class="overlay">
                                <h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="我希望睡前最后看到的是你">努力设计好看的作品，人们投来欣赏的眼光，是我前进的最大动力</a></h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="project-item p-5 animated umScaleIn">
                            <img src="picture/5.jpg" height="400px">
                            <div class="overlay">
                                <h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="我爱你的心直到世界末日也不变">作品表达出我未说出的话，代表我的真实内心</a></h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="project-item p-6 animated umScaleIn">
                            <img src="picture/6.jpg" height="400px">
                            <div class="overlay">
                                <h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="我不要短暂的温存，只要你一世的陪伴">画作中的寓意需要探究，就像我的内心</a></h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="project-item p-7 animated umScaleIn">
                            <img src="picture/7.jpg" height="400px">
                            <div class="overlay">
                                <h4><a href="#" class="tooltip-test" data-toggle="tooltip" title="人总是会老的，希望到时，你仍在我身边">作品即是我的武器，是我说话的底气，带向我去不断探索和改变，我还会继续前进，继续探索</a></h4>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div style="border-bottom: 2px solid #46494f;"></div> <br />
            <div class="blog-header text-center">
                <h3 class="animated fadeInRight">团队技能简介</h3>
                <h3 class="animated fadeInRight">INTRODUCTION TO TEAM SKILLS</h3><br />
                <p class="animated fadeInLeft"></p>
            </div>
            <div class="row blog-posts">
                <div class="col-md-4 col-sm-12">
                    <div class="blog-item post-1 animated zoomIn">
                        <div class="blog-bg blog-pink"></div>
                        <div class="blog-content">
                            <h3>交互设计</h3>
                            <p class="animated fadeInLeft"></p>
                            <span class="solid-line"></span>
                            <p>是定义、设计人造系统的行为的设计领域<br>它定义了两个或多个互动的个体之间交流的内容和结构<br>使之互相配合,共同达成某种目的。</p>
                            <a href="https://baike.sogou.com/v223179.htm?fromTitle=%E4%BA%A4%E4%BA%92%E8%AE%BE%E8%AE%A1" class="post-button">详情</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="blog-item post-2 animated zoomIn">
                        <div class="blog-bg blog-blue"></div>
                        <div class="blog-content">
                            <h3>插画.版式设计</h3>
                            <span class="solid-line"></span>
                            <p>版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段。表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更实现了技术与艺术的高度统一</p>
                            <a href="https://baike.sogou.com/v64627097.htm?fromTitle=%E7%89%88%E5%BC%8F%E8%AE%BE%E8%AE%A1" class="post-button">详情</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="blog-item post-3 animated zoomIn">
                        <div class="blog-bg blog-green"></div>
                        <div class="blog-content">
                            <h3>HTML</h3>
                            <span class="solid-line"></span>
                            <p>HTML不是一种编程语言，而是一种标记语言 （markup language），是网页制作所必备的工具。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</p>
                            <a href="https://baike.sogou.com/v340826.htm?fromTitle=HTML" class="post-button">详情</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="site-footer container text-center">
            <div class="row">
                <div class="col-md-12 copyright">
                    <p>叙利亚暴徒设计小队| <a href="https://mail.qq.com/cgi-bin/frame_html?sid=FpWQDqCOALlmdyl2&r=3364b9" rel="nofollow" target="_blank">来找我们玩吧</a></p>
                </div>
            </div>
        </footer>
</body>

</html>